<template>
  <div class="back">
    <el-breadcrumb
        separator="/"
        style="margin-top: 10px;
        font-size: 30px;
        flex: 4"
    >
      <el-breadcrumb-item :to="{ path: '/home' }">主页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/home/selectperson'}">人员查询</el-breadcrumb-item>
    </el-breadcrumb>
    <div style="flex: 4"></div>
    <el-button
        :icon="ArrowLeft"
        style="flex: 1;margin-top: 30px;height: 50px;font-size: 40px"
        text
        type=""
        @click="back">返回
    </el-button>
  </div>
</template>

<script lang="ts" setup>
import {ArrowLeft} from '@element-plus/icons-vue'
import router from '@/router'

const back = () => {
  router.push('/home/mainbody')
}

</script>
<style scoped>
.back {
  display: flex;
}
</style>
